<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
	<link type="text/css" rel="styleSheet"  href="./css/bg_movie.css" />
	<link type="text/css" rel="styleSheet"  href="./css/login_movie.css" />
</head>
<body>
	<div id="bg_main" style="min-height: 900px;	min-width: 1400px;background-size: 100% 100%;">
		<div id="bg" style="background-image: radial-gradient(#213f63 10%,  #000000 100%); opacity: 0.8; width: 100%;height: 100%;"></div>
		<div style="animation: circle_appear5 4s;">
			<div id='line_180' class="line_180_div" style="z-index: 1; ">
				<div id='line_180_left' class="line_180_left" style="left: 10%;"></div>
				<div id='line_180_right' class="line_180_right" style="right: 10%;"></div>
				<div id='line_30' class="line_30" style="top: 27%;left: 27%;transform: rotate(30deg);"></div>
				<div id='line_330' class="line_30" style="top: 73%;left: 27%;transform: rotate(-30deg);"></div>
				<div id='line_150' class="line_30" style="top: 27%;right: 27%;transform: rotate(150deg);"></div>
				<div id='line_210' class="line_30" style="top: 73%;right: 27%;transform: rotate(-150deg);"></div>
			</div>
		</div>
		
		<div id="circle3" class="circle_rerote3">
			<div class="circle" style="border: #cb907e 1px solid;--h_width:-51%;--width:102%; "></div>
			<div class="circle" style="--h_width:-51%;--width:102%;background-image: radial-gradient(transparent 30%, #ffe7bc 110%);animation: circle_rerote_a3 6s linear infinite; "></div>			
		</div>


		<div id="circle5" class="circle_rerote5"></div>

		<div style="animation: circle_appear2 4s;">
			<div id="circle1" class="circle_rerote1">
				<div class="circle_line" style="top: 50%;left: -1%;  width: 2%;height: 0px;"></div>
				<div class="circle_line" style="left: 50%; margin-top: 50%;  width: 2%;height: 0px;  transform: rotate(90deg);"></div>
				<div class="circle_line" style="top: 50%;left: 99%;  width: 2%;height: 0px; "></div>
				<div class="circle_line" style="left: 50%; margin-top: -50%;  width: 2%;height: 0px;  transform: rotate(90deg);"></div>
			</div>
		</div>
		
		<div class="h_circle_left_div">
			<div id="h_circle_left" class="h_circle_left">
				<div class="circle" style="border: #8cb1ff 3px solid;--h_width:-52%;--width:104%;clip-path: polygon(-10% 20%,50% 50%, -10% 47%);box-shadow: 1px 1px 5px #7295ea inset; "></div>
				<div class="circle" style="border: #8cb1ff 3px solid;--h_width:-52%;--width:104%;clip-path: polygon(-10% 53%,50% 50%, -10% 80%);box-shadow: 1px 1px 5px #7295ea inset; "></div>			
			</div>
		</div>
		<div class="h_circle_right_div">
			<div id="h_circle_right" class="h_circle_right">
				<div class="circle" style="border: #8cb1ff 3px solid;--h_width:-52%;--width:104%;clip-path: polygon(110% 20%,50% 50%, 110% 47%);box-shadow: -1px 1px 5px #7295ea inset; "></div>
				<div class="circle" style="border: #8cb1ff 3px solid;--h_width:-52%;--width:104%;clip-path: polygon(110% 53%,50% 50%, 110% 80%);box-shadow: -1px 1px 5px #7295ea inset; "></div>
			</div>
		</div>
		<div class="triangle_div_left">
			<div id="triangle1" class="triangle_div">
				<div class="triangle" style="--tri_width:100px;transform: rotate(90deg);margin-left: -43%;"></div>
				<div class="triangle3" style="--tri_width:100px;transform: rotate(90deg);margin-left: -43%;"></div>
			</div>
		</div>
		<div class="triangle_div_right">
			<div id="triangle2" class="triangle_div3" style="transform: rotate(180deg);">
				<div class="triangle" style="--tri_width:100px;transform: rotate(90deg);margin-left: -43%;"></div>
				<div class="triangle3" style="--tri_width:100px;transform: rotate(90deg);margin-left: -43%;"></div>
			</div>
		</div>
		
		<div id='sys_title' class="title_div"></div>		
		<div class="title_line_up"></div>
		<div class="title_line_down"></div>
		<input id='yonghu' class="input_css" style="margin-left: -8vw;margin-top: -3vw;" autocomplete='off' placeholder="请输入用户名" />
		<input id='passwd_csh' type="hidden" />
		<input id='passwd_csh_pos' type="hidden" />
		<input id='input_mm' class="input_css" style="margin-left: -8vw;margin-top: 1.5vw;" autocomplete='off' placeholder="请输入密码" onkeyup="input_passwd(event)" />
		<input id='passwd' type="hidden" />
		<input id='passwd_pos' type="hidden" />
		<div id='login_message' class='login_message_css' style="margin-left: -8vw;margin-top: 4.3vw;"></div>
		<div id='confirm_button' class="login_button_div"><a onclick="login()" style="cursor: pointer;">登&nbsp;&nbsp;&nbsp;&nbsp;录</a></div>
	</div>	
	<script type="text/javascript" src="./js/login.js"></script>
	<script type="text/javascript" src="./js/common_function.js"></script>

</body>
</html>
